<style>
    #scroller ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    #scroller li {
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        background-color: #fafafa;
        font-size: 14px;
    }

    #scroller1 ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    #scroller1 li {
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        background-color: #fafafa;
        font-size: 14px;
    }
    #wrapper1 {
        position: absolute;
        z-index: 1;
        top: 2.5em;
        bottom: 2.5em;
        left: 0;
        width: 100%;
        background: #ffffff;
        overflow: hidden;
    }

    #scroller1 {
        position: absolute;
        z-index: 1;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        width: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }
</style>
<div id="header">
    <!--<span class="icon-icon-07" style="float: left;margin-left: 1em;line-height: 2.5em" onclick="history.go(-1);"></span><span>选择城市</span>-->
    <i class="icon-icon-07" ng-click="goBack()" style="font-size: 1.2em;padding-left: 0.5em;float: left;position: absolute;line-height: 2.1em;left: 0;" ng-click="goMain()"></i><span>运价查询</span>
<!--onclick="window.history.go(-1);"-->
</div>
<!--
<div id="wrapper" style="background-color: #EEEEEE;font-family: '黑体'  ">
    <div id="scroller">
        <ul>
            <li ng-repeat="city in citys" ng-click="selectCity(city.id,city.city)">
                <div style="width: 50%;float: left;color: #777777"><span style="padding-left: 20%"></span>{{city.province}}</div>
                <div style="width: 50%;float: left">{{city.city}}</div>
            </li>
        </ul>
    </div>
</div>
-->
<div id="wrapper" style="background-color: #EEEEEE;font-family: '黑体';width: 39.5%;border-right: 1px solid #ccc;">
    <div id="scroller">
        <ul>
            <!--<li>
                <div style="width: 50%;float: left;color: #777777"><span style="padding-left: 20%"></span>efsgd</div>
            </li>-->
            <li ng-repeat="province in provinces" ng-click="selectProvince(province)">
                <div style="width: 100%;float: left;color: #777777"><span style="padding-left: 20%"></span>{{province}}</div>
            </li>
        </ul>
    </div>
</div>
<div id="wrapper1" style="background-color: #EEEEEE;font-family: '黑体';width: 60%;margin-left: 40%">
    <div id="scroller1">
        <ul>
            <li ng-repeat="city in citys" ng-click="selectCity(city.id,city.province,city.city)">
                <!--<div style="width: 50%;float: left;color: #777777"><span style="padding-left: 20%"></span>{{city.province}}</div>-->
                <div style="width: 100%;float: left">
                <span style="padding-left: 20%">
                    {{city.city}}
                </span>
                </div>
            </li>
        </ul>
    </div>
</div>
